.vbestui-button {
  width: 150px;
  height: 40px;
  outline-style: none;
  background: #fff;
  color: #fff;
  cursor: pointer;
  border: 1px solid var(--border-tt);
}
/* 点击、hover效果 */
.vbestui-button:hover{
  opacity: 0.8;
}
.vbestui-button-click:active{
  transform: translateY(1px);
  opacity: 1;
}
/* 点击禁用translate */
.vbestui-button-click-slidable:active{
  opacity: 1;
}
.vbestui-button-type-default {
  border: 1px solid var(--border-tt);
  color: var(--text-color);
}
.vbestui-button-type-default:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.vbestui-button-type-primary {
  border: 1px solid var(--primary);
  background: var(--primary);
}
.vbestui-button-type-joker {
  border: 1px solid var(--joker);
  background: var(--joker);
}
.vbestui-button-type-dashed {
  border: 1px dashed #dcdfe6;
  color: var(--text-color);
}
.vbestui-button-type-dashed:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.vbestui-button-type-text {
  border: none;
  color: var(--text-color);
}
.vbestui-button-type-text:hover {
  color: var(--primary);
}
.vbestui-button-type-info {
  border: 1px solid var(--info);
  background: var(--info);
}
.vbestui-button-type-success {
  border: 1px solid var(--success);
  background: var(--success);
}
.vbestui-button-type-warning {
  border: 1px solid var(--warning);
  background: var(--warning);
}
.vbestui-button-type-error {
  border: 1px solid var(--error);
  background: var(--error);
}
.vbestui-button-is-round {
  border-radius: 8px;
}
.vbestui-button-is-transparent {
  background: transparent;
  border: none;
}
.vbestui-button-is-circle {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
}
.vbestui-button-size-long {
  width: 100%;
}
.vbestui-button-size-large {
  width: 300px;
}
.vbestui-button-size-small {
  width: 80px;
}